<template>
  <div>
    <div class="icon">
      <span class="iconfont">&#xe604;</span>
    </div>
    <div class="title">首页推荐</div>
    <div class="recommend-hot">
      <p>热门</p>
      
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped lang="less">
.title {
  width: 100%;
  height: 0.8rem;
  color: #333333;
  font-size: 0.3rem;
  text-align: center;
  padding-top: 0.4rem;
  background-color: #7acf9b;
}
.iconfont {
  font-family: "iconfont" !important;
  font-size: 0.5rem;
  font-style: normal;
  position: fixed;
  z-index: 1;
  margin-top: 0.3rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.recommend-hot {
  color: #333333;
  border-top: 0.1rem solid #e5e5e5;
}
p {
  font-size: 0.2rem;
  color: #333333;
  margin-top: 0.1rem;
  margin-left: 0.1rem;
}
</style>